<template>
	<view class="content">
		<view style="height: 200rpx;">
			
		</view>
		<input class="text_wrap" @click="handleShowKeyboard" :disabled="true" placeholder="请输入车牌号" :value="title"/>
		<master-keyboard ref="keyboard" keyboardtype="car" :newCar="false" :defaultValue="title" @keyboardClick="handleClick"></master-keyboard>
	</view>
</template>

<script>
	import keyboard from '../../components/master-keyboard/master-keyboard.vue'
	export default {
		data() {
			return {
				title: '',
				showKeyboard:false
			}
		},
		components: {
			'master-keyboard': keyboard
		},
		onLoad() {

		},
		methods: {
			handleShowKeyboard(){
				this.$refs.keyboard.open(true)
			},
			handleClick(e){
				this.title = e.value
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 100%;
		height: 100vh;
		background-color: red;

		.text_wrap {
			width: 90%;
			height: 80rpx;
			margin: 0 auto;
			background-color: white;
			border-radius: 20rpx;
			line-height: 80rpx;
			padding-left: 10rpx;
		}
	}
</style>
